import React, {Component} from "react" ;
import {connect} from "react-redux" ;
import {browserHistory} from "react-router" ;
import {mapStateToProps, mapDispatchToProps, CHANGE_FILMLIST} from "./OtherFilmsRedux" ;

import OtherFilmsBox from "./OtherFilmsBox"


class OtherFilmsContainer extends Component {

    constructor(props) {
        super(props);
    }

    turn2DetailPage(id) {
    }

    render() {
        let data = this.props.detailOtherFilms.films;
        return (
            <div>
                <p className="comments-title">作者的其他视频</p>
                <ul className="other-video clearfix">

                    {
                        data.map((data, i) => {
                            return (
                                <OtherFilmsBox
                                    key={i}
                                    filmId={data.filmId}
                                    videoImgUrl={data.videoImgUrl}
                                    title={data.title}
                                    categoryName={data.categoryName}
                                />
                        )})
                    }

                </ul>
            </div>
        )
    }
}

const OtherFilms = connect(mapStateToProps, mapDispatchToProps)(OtherFilmsContainer);

export {OtherFilms as default} ;
